//封装ajax实例
//axios有三种写法
// 1.单独封装axios实例
// 2.绑定到vue上作为vue的一个自定义属性
// 3.在每次组件需要时就引入

import axios from 'axios';
import NProgress from 'nprogress';

const request = axios.create({
    baseURL: 'http://127.0.0.1:3000',
    timeout: 2000,
});

// 添加请求拦截器
request.interceptors.request.use(function (config) {
    NProgress.start();
    // 在发送请求之前做些什么
    return config;
  }, function (error) {
    // 对请求错误做些什么
    return Promise.reject(error);
  });

// 添加响应拦截器
request.interceptors.response.use(function (response) {
    NProgress.done();
    // 2xx 范围内的状态码都会触发该函数。
    // 对响应数据做点什么
    return response;
  }, function (error) {
    // 超出 2xx 范围的状态码都会触发该函数。
    // 对响应错误做点什么
    return Promise.reject(error);
});
  

export default request;